<template>
  <div class="less_uni_comps_border uni_comps_border">
    <div
      class="uni_comps_arr wind_light_hover lease_uni_comps"
      :id="less_uni_comp_dom_arr_id"
    ></div>
  </div>
  <div class="active_uni_comps_border uni_comps_border">
    <active_uni_comps_operate></active_uni_comps_operate>
    <div
      class="uni_comps_arr wind_light_hover active_uni_comps"
      :id="active_uni_comp_dom_arr_id"
    ></div>
  </div>

  <div class="uni_btn_body" id="uni_btn_body">
    <button
      class="uni_btn wind_light_hover uni_comps_use"
      :id="uni_comps_btn_certain_id"
    >
      应用
    </button>
    <button
      class="uni_btn wind_light_hover uni_comps_back"
      :id="uni_comps_btn_cancle_id"
    >
      取消
    </button>
  </div>
</template>

<script setup>
import './focusDisplay_operate_comps.css';
import { onMounted } from 'vue';
import active_uni_comps_operate from './comps/active_uni_comps_operate/active_uni_comps_operate.vue';
import {
  active_uni_comp_dom_arr_id,
  less_uni_comp_dom_arr_id,
  uni_comps_btn_cancle_id,
  uni_comps_btn_certain_id,
} from './DataDefine/sourceData';

onMounted(() => {});
</script>

<style scoped lang="scss"></style>

<style></style>
